<!DOCTYPE html>
<html>
<head lang="en">
    <title>成长计划</title>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/swiper-3.3.1.min.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/growth_plan.css"/>
    <link rel="stylesheet" href="../css/layer.css"/>
    <script src="../js/angular-1.4.6.min.js"></script>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/layer.js"></script>
    <style>
        .section1{background-color: #eee;}
        .section1 ul li s{text-decoration: none;}
        .section1 ul li .buy-btn{color: #d94b87}

        .section2{}
        .section2 .left{width: 590px;line-height: 24px;}
        .section2 .left .l-title p{font-size: 18px;color: #333;line-height: 40px;}
        .section2 .left .l-title div span{margin-right:15px;display: inline-block;}
        .section2 .left .l-title div span img{margin-right: 5px;}
        .section2 .left .des{color: #666;margin-top: 10px;}
        .section2 .right{width: 590px;}
        .section2 .right li{overflow: hidden;margin-bottom: 30px;background-color: #ffffff;outline: 1px solid #ddd;}
        .section2 .right .fl{display: block;}
        .section2 .right .fr{width: 350px;height: 220px;}
        .section2 .right .fr .r-title{margin: 20px 0;}
        .section2 .right .fr .r-des{line-height: 24px;height: 120px;}
        .section2 .right .fr .f-b-c span{margin-right:15px;display: inline-block;}
        .section2 .right .fr .f-b-c span img{margin-right: 5px;}
        .section2 .more{clear: both;display:block;text-align: center;line-height: 90px;color: #333;}

        .section5{margin-bottom: 40px;}
        .section5 .list{padding-bottom: 20px;margin-left: -15px;}
        .section5 .list li{float: left;width: 200px;padding: 14px;text-align: center;outline: 1px solid #ddd;margin-left: 15px;}
        .section5 .list li:hover{outline: 1px solid #f784ad;}
        .section5 .list li .des{margin-top: 5px;}
        .section5 .list li .num{margin-top: 5px;text-align: left;}
        .section5 .list li a{display: inline-block;width: 125px;height: 30px;line-height: 30px;border-radius: 5px;
            margin-top: 15px;font-size: 14px;}

        .section3{background-color: #eee;padding-bottom: 40px;}
        .section3 ul{margin-left: -20px;}
        .section3 ul li{overflow: hidden;float: left;outline: 1px solid #ddd;width: 590px;margin-left: 20px;margin-bottom: 20px;}
        .section3 ul li:hover{outline: 1px solid #ef1569;}
        .section3 ul li img{display: block;}
        .section3 ul li .s3-content{width: 280px;padding: 0 20px;background-color: #ffffff;height: 270px;}
        .section3 ul li .s3-content span{display: block;padding-top: 20px;font-size: 18px;}
        .section3 ul li .s3-content p{line-height: 24px;height: 120px;overflow: hidden;font-size: 14px;margin-top: 10px;}
        .section3 ul li .s3-content a{margin-top: 15px;display: block;width: 130px;height: 35px;line-height: 35px;text-align: center;border-radius: 5px;}


        .modal1{display: none;}
        .modal1-inner{width: 580px;padding: 100px 0;}
        .modal1-inner img{display: block;}
        .modal1-inner p{font-size: 22px;color: #666;width: 500px;line-height: 30px;}
        .modal1-inner a{display: block;margin: 20px auto 0;width: 225px;height: 50px;text-align: center;line-height: 50px;font-size: 14px;border-radius: 5px;}
    </style>
</head>
<body ng-app="">
<div ng-include="'../public/header.html'"></div>

<div class="banner container-full">
    <div class="container">
        <div class="status clear">
            <img class="face fl" src="../img/QQ截图20160729104352.png" alt="" width="60" height="60"/>
            <div class="name fl">
                <span>爱上家 <img src="../img/arrow-down-solid.png" alt=""/></span>
                <ul>
                    <li><img src="../img/iconfont-xiugai.png" alt=""/>修改宝贝信息</li>
                    <li><img src="../img/切换.png" alt=""/>切换为纸币</li>
                    <li><img src="../img/plus-o.png" alt=""/>新建宝贝信息</li>
                </ul>
            </div>
            <div class="status-s fl"><img src="../img/time.png" alt=""/>怀孕中</div>
            <div class="gift fl"><img src="../img/礼物.png" alt=""/>领礼包</div>
        </div>
        <p class="banner-word">成长计划<span>一站式满足多维家庭育儿需求</span></p>
        <div class="banner-nav">
            <a href="" class="banner-nav-one">
                <img src="../img/home.png" alt=""/>
                <p>首页</p>
            </a>
            <a href="" class="banner-nav-two">
                <img src="../img/naiping.png" alt=""/>
                <p>母婴馆</p>
            </a>
            <a href="" class="banner-nav-three">
                <img src="../img/book.png" alt=""/>
                <p>图书馆</p>
            </a>
            <a href="" class="banner-nav-four banner-nav-active">
                <img src="../img/gold.png" alt=""/>
                <p>妈妈有财</p>
            </a>
        </div>
    </div>
</div>

<div class="container section5">
    <div class="common-title">
        <p>
            <b>苗圃计划</b>
        </p>
        <span>教育要从娃娃抓起</span>
    </div>
    <ul class="list clear">
        <li>
            <img src="../img/QQ截图20160802143400.png" alt="" width="200" height="200"/>
            <p class="des text-overflow fs-16 color-333">成都育儿教育机构</p>
            <div class="num fs-12 color-999">扫大家撒开了，按时到敬爱是卡卡萨达是家里，山东描述来看，奥大厦里经常撒大家爱离开。</div>
            <a href="javascript: void(0);" class="white b-red">查看详情&gt;</a>
        </li>
        <li>
            <img src="../img/QQ截图20160802143400.png" alt="" width="200" height="200"/>
            <p class="des text-overflow fs-16 color-333">成都育儿教育机构</p>
            <div class="num fs-12 color-999">扫大家撒开了，按时到敬爱是卡卡萨达是家里，山东描述来看，奥大厦里经常撒大家爱离开。</div>
            <a href="javascript: void(0);" class="white b-red">查看详情&gt;</a>
        </li>
        <li>
            <img src="../img/QQ截图20160802143400.png" alt="" width="200" height="200"/>
            <p class="des text-overflow fs-16 color-333">成都育儿教育机构</p>
            <div class="num fs-12 color-999">扫大家撒开了，按时到敬爱是卡卡萨达是家里，山东描述来看，奥大厦里经常撒大家爱离开。</div>
            <a href="javascript: void(0);" class="white b-red">查看详情&gt;</a>
        </li>
        <li>
            <img src="../img/QQ截图20160802143400.png" alt="" width="200" height="200"/>
            <p class="des text-overflow fs-16 color-333">成都育儿教育机构</p>
            <div class="num fs-12 color-999">扫大家撒开了，按时到敬爱是卡卡萨达是家里，山东描述来看，奥大厦里经常撒大家爱离开。</div>
            <a href="javascript: void(0);" class="white b-red">查看详情&gt;</a>
        </li>
        <li>
            <img src="../img/QQ截图20160802143400.png" alt="" width="200" height="200"/>
            <p class="des text-overflow fs-16 color-333">成都育儿教育机构</p>
            <div class="num fs-12 color-999">扫大家撒开了，按时到敬爱是卡卡萨达是家里，山东描述来看，奥大厦里经常撒大家爱离开。</div>
            <a href="javascript: void(0);" class="white b-red">查看详情&gt;</a>
        </li>
    </ul>
    <div class="text-center">
        <a href="" class="color-666">更多&gt;</a>
    </div>
</div>

<div class="container-full section1">
    <div class="container section">
        <div class="common-title">
            <p>
                <b style="background-color: #eee;">杀掉了困难</b>
            </p>
            <span>爱上风格外</span>
        </div>
        <ul>
            <li>
                <a class="img" href="">
                    <img src="../img/QQ截图20160802145645.png" alt="" width="216" height="216"/>
                </a>
                <p class="des">舒服撒地方撒烽火铁骑的疯狂得分地方撒v热歌人反而</p>
                <p class="price">
                    <span>￥245.00</span>
                    <s>87人付款</s>
                </p>
                <div class="buy-btn text-center red">立即购买</div>
            </li>
            <li>
                <a class="img" href="">
                    <img src="../img/QQ截图20160802145645.png" alt="" width="216" height="216"/>
                </a>
                <p class="des">舒服撒地方撒烽火铁骑的疯狂得分地方撒v热歌人反而</p>
                <p class="price">
                    <span>￥245.00</span>
                    <s>87人付款</s>
                </p>
                <div class="buy-btn text-center red">立即购买</div>
            </li>
            <li>
                <a class="img" href="">
                    <img src="../img/QQ截图20160802145645.png" alt="" width="216" height="216"/>
                </a>
                <p class="des">舒服撒地方撒烽火铁骑的疯狂得分地方撒v热歌人反而</p>
                <p class="price">
                    <span>￥245.00</span>
                    <s>87人付款</s>
                </p>
                <div class="buy-btn text-center red">立即购买</div>
            </li>
            <li>
                <a class="img" href="">
                    <img src="../img/QQ截图20160802145645.png" alt="" width="216" height="216"/>
                </a>
                <p class="des">舒服撒地方撒烽火铁骑的疯狂得分地方撒v热歌人反而</p>
                <p class="price">
                    <span>￥245.00</span>
                    <s>87人付款</s>
                </p>
                <div class="buy-btn text-center red">立即购买</div>
            </li>
            <li>
                <a class="img" href="">
                    <img src="../img/QQ截图20160802145645.png" alt="" width="216" height="216"/>
                </a>
                <p class="des">舒服撒地方撒烽火铁骑的疯狂得分地方撒v热歌人反而</p>
                <p class="price">
                    <span>￥245.00</span>
                    <s>87人付款</s>
                </p>
                <div class="buy-btn text-center red">立即购买</div>
            </li>
            <li>
                <a class="img" href="">
                    <img src="../img/QQ截图20160802145645.png" alt="" width="216" height="216"/>
                </a>
                <p class="des">舒服撒地方撒烽火铁骑的疯狂得分地方撒v热歌人反而</p>
                <p class="price">
                    <span>￥245.00</span>
                    <s>87人付款</s>
                </p>
                <div class="buy-btn text-center red">立即购买</div>
            </li>
            <li>
                <a class="img" href="">
                    <img src="../img/QQ截图20160802145645.png" alt="" width="216" height="216"/>
                </a>
                <p class="des">舒服撒地方撒烽火铁骑的疯狂得分地方撒v热歌人反而</p>
                <p class="price">
                    <span>￥245.00</span>
                    <s>87人付款</s>
                </p>
                <div class="buy-btn text-center red">立即购买</div>
            </li>
            <li>
                <a class="img" href="">
                    <img src="../img/QQ截图20160802145645.png" alt="" width="216" height="216"/>
                </a>
                <p class="des">舒服撒地方撒烽火铁骑的疯狂得分地方撒v热歌人反而</p>
                <p class="price">
                    <span>￥245.00</span>
                    <s>87人付款</s>
                </p>
                <div class="buy-btn text-center red">立即购买</div>
            </li>
            <li>
                <a class="img" href="">
                    <img src="../img/QQ截图20160802145645.png" alt="" width="216" height="216"/>
                </a>
                <p class="des">舒服撒地方撒烽火铁骑的疯狂得分地方撒v热歌人反而</p>
                <p class="price">
                    <span>￥245.00</span>
                    <s>87人付款</s>
                </p>
                <div class="buy-btn text-center red">立即购买</div>
            </li>
            <li>
                <a class="img" href="">
                    <img src="../img/QQ截图20160802145645.png" alt="" width="216" height="216"/>
                </a>
                <p class="des">舒服撒地方撒烽火铁骑的疯狂得分地方撒v热歌人反而</p>
                <p class="price">
                    <span>￥245.00</span>
                    <s>87人付款</s>
                </p>
                <div class="buy-btn text-center red">立即购买</div>
            </li>
        </ul>
    </div>
</div>

<div class="container-full section2">
    <div class="container">
        <div class="common-title">
            <p>
                <b>杀掉了困难</b>
            </p>
            <span>爱上风格外</span>
        </div>
        <div class="fl left">
            <img class="t-img" src="../img/QQ截图20160729150132.png" alt="" width="590" height="225"/>
            <div class="l-title">
                <p class="text-overflow">神盾局，爱上的骄傲吗地附近啊，啥房间爱离开。</p>
                <div>
                    <span class="fs-14 color-999"><img class="vertical-m" src="../img/eye(3).png" alt="" width="20" height="20" />100</span>
                    <span class="fs-14 color-999"><img class="vertical-m" src="../img/msg(2).png" alt=""width="20" height="20" />100</span>
                </div>
            </div>
            <p class="des">双方就搜附近啊，爱上的骄傲搜集的，赛佛解耦OEM，而无法破晚饭么理我开门。
                双方就搜附近啊，爱上的骄傲搜集的，赛佛解耦OEM，而无法破晚饭么理我开门。
                双方就搜附近啊，爱上的骄傲搜集的，赛佛解耦OEM，而无法破晚饭么理我开门。
                双方就搜附近啊，爱上的骄傲搜集的，赛佛解耦OEM，而无法破晚饭么理我开门。
                双方就搜附近啊，爱上的骄傲搜集的，赛佛解耦OEM，而无法破晚饭么理我开门。
                双方就搜附近啊，爱上的骄傲搜集的，赛佛解耦OEM，而无法破晚饭么理我开门。
                双方就搜附近啊，爱上的骄傲搜集的，赛佛解耦OEM，而无法破晚饭么理我开门。
                双方就搜附近啊，爱上的骄傲搜集的，赛佛解耦OEM，而无法破晚饭么理我开门。
                双方就搜附近啊，爱上的骄傲搜集的，赛佛解耦OEM，而无法破晚饭么理我开门。</p>
        </div>
        <div class="fr right">
            <ul>
                <li>
                    <img class="fl" src="../img/QQ截图20160729150552.png" alt="" width="220" height="220"/>
                    <div class="fr">
                        <div class="r-title">司法局奥斯卡，偶尔网接口吗</div>
                        <p class="r-des">双方就搜附近啊，爱上的骄傲搜集的，赛佛解耦OEM，而无法破晚饭么理我开门。</p>
                        <div class="f-b-c">
                            <span class="fs-14 color-999"><img class="vertical-m" src="../img/eye(3).png" alt="" width="20" height="20" />100</span>
                            <span class="fs-14 color-999"><img class="vertical-m" src="../img/msg(2).png" alt=""width="20" height="20" />100</span>
                        </div>
                    </div>
                </li>
                <li>
                    <img class="fl" src="../img/QQ截图20160729150552.png" alt="" width="220" height="220"/>
                    <div class="fr">
                        <div class="r-title">司法局奥斯卡，偶尔网接口吗</div>
                        <p class="r-des">双方就搜附近啊，爱上的骄傲搜集的，赛佛解耦OEM，而无法破晚饭么理我开门。</p>
                        <div class="f-b-c">
                            <span class="fs-14 color-999"><img class="vertical-m" src="../img/eye(3).png" alt="" width="20" height="20" />100</span>
                            <span class="fs-14 color-999"><img class="vertical-m" src="../img/msg(2).png" alt=""width="20" height="20" />100</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <a class="more" href="">更多>></a>
    </div>
</div>

<div class="container-full section3">
    <div class="container">
        <div class="common-title">
            <p>
                <b style="background-color: #eee;">杀掉了困难</b>
            </p>
            <span>爱上风格外</span>
        </div>
        <ul class="clear">
            <li>
                <img class="fl" src="../img/QQ截图20160802152025.png" alt="" width="270" height="270"/>
                <div class="fl s3-content">
                    <span>成都欢乐谷</span>
                    <p>发了什么啦，撒大家第三课撒娇的离开，傻到家了开没开刷卡吗俺是快乐多难看，沙漏等级埃里克么垃圾那是肯定能，杀毒技术来看洒大地看到物理不可小视你啥课三角尺。</p>
                    <a class="b-red white" href="">查看详情></a>
                </div>
            </li>
            <li>
                <img class="fl" src="../img/QQ截图20160802152025.png" alt="" width="270" height="270"/>
                <div class="fl s3-content">
                    <span>成都欢乐谷</span>
                    <p>发了什么啦，撒大家第三课撒娇的离开，傻到家了开没开刷卡吗俺是快乐多难看，沙漏等级埃里克么垃圾那是肯定能，杀毒技术来看洒大地看到物理不可小视你啥课三角尺。</p>
                    <a class="b-red white" href="">查看详情></a>
                </div>
            </li>
            <li>
                <img class="fl" src="../img/QQ截图20160802152025.png" alt="" width="270" height="270"/>
                <div class="fl s3-content">
                    <span>成都欢乐谷</span>
                    <p>发了什么啦，撒大家第三课撒娇的离开，傻到家了开没开刷卡吗俺是快乐多难看，沙漏等级埃里克么垃圾那是肯定能，杀毒技术来看洒大地看到物理不可小视你啥课三角尺。</p>
                    <a class="b-red white" href="">查看详情></a>
                </div>
            </li>
            <li>
                <img class="fl" src="../img/QQ截图20160802152025.png" alt="" width="270" height="270"/>
                <div class="fl s3-content">
                    <span>成都欢乐谷</span>
                    <p>发了什么啦，撒大家第三课撒娇的离开，傻到家了开没开刷卡吗俺是快乐多难看，沙漏等级埃里克么垃圾那是肯定能，杀毒技术来看洒大地看到物理不可小视你啥课三角尺。</p>
                    <a class="b-red white" href="">查看详情></a>
                </div>
            </li>
        </ul>
    </div>
</div>

<div ng-include="'../public/footer.html'"></div>
<!--部件-->
<div ng-include="'../public/right_bar.html'"></div>
<style>

    .modal2-inner{width: 480px;padding: 10px 80px;}
    .modal2-inner .m2-ti{width: 250px;margin: 0 auto;overflow: hidden;}
    .modal2-inner .m2-ti p{margin-left: 10px;}
    .modal2-inner .m2-ti p .red{font-size: 26px;}
    .modal2-inner .list{margin-top: 30px;}
    .modal2-inner .list li{margin-bottom: 20px;border: 1px dashed #ddd;color: #d94b87;height: 50px;line-height: 50px;text-align: center;}
    .modal2-inner .modal2-btn{width: 200px;height: 50px;line-height: 50px;display: block;margin: 30px auto;border-radius: 5px;text-align: center;}
    .modal2-inner .modal2-bottom{font-size: 14px;color: #666;text-align: center;}
</style>
<div class="modal1">
    <div class="modal1-inner">
        <div class="overflow">
            <img class="fl" src="../img/QQ截图20160802164851.png" alt=""/>
            <p class="fr">你还没有收到成长礼包哦，常来陪伴计划看看，可能会有惊喜降临哦</p>
        </div>
        <a class="modal1-btn white b-red" href="javascript: void(0);">知道了</a>
    </div>
</div>
<div class="modal2">
    <div class="modal2-inner">
        <div class="m2-ti">
            <img class="fl" src="../img/QQ截图20160802170540.png" alt=""/>
            <p class="fl">
                <span class="red">领取成功！</span><br/>
                <span class="color-666">恭喜您，获得以下礼品</span>
            </p>
        </div>
        <ul class="list">
            <li>满50减10限购<span class="color-333">【偶数木星母婴店】</span>店铺红包</li>
            <li>满50减10限购<span class="color-333">【偶数木星母婴店】</span>店铺红包</li>
            <li>满50减10限购<span class="color-333">【偶数木星母婴店】</span>店铺红包</li>
        </ul>
        <a class="modal2-btn b-red white" href="javascript: void(0);">确定</a>
        <p class="modal2-bottom">您可以去-<span class="red">我的个人中心</span>-<span class="red">我的红包</span>-查看红包</p>
    </div>
</div>
</body>
<script src="../js/common.js"></script>
<script>
    var nav = setTimeout(function(){
        $('.header-nav ul li').eq(1).find('a').addClass('nav-active')
    },0);
    $(function(){
        layer.open({
            area:['auto','auto'],
            content: $('.modal2').html(),
            btn: 0
        });
        $('.modal1-btn').click(function(){
            layer.closeAll()
        });
        $('.modal2-btn').click(function(){
            layer.closeAll()
        })
    });
</script>
</html>